<template>
	<template>
	    <view>
	        <view class="uni-padding-wrap uni-common-mt">
	            <movable-area scale-area>
	                <movable-view direction="all" @scale="onScale" scale="true" scale-min="1" scale-max="4" :scale-value="scale">
	                    <image :src="url" mode="widthFix"></image>
	                </movable-view>
	            </movable-area>
	        </view>
		</view>
	</template>
</template>

<script lang="ts" setup>
import {usePreview} from "../../utils/usePreview";
const url = import.meta.env.VITE_YSXY_URL
const {previewImage} = usePreview()
</script>

<style scoped lang="scss">
image{
  width: 100vw;
}
movable-view {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height:100%;
}

movable-area {
	height: 100%;
	width: 100%;
	position:fixed;
	overflow: hidden;
}
	
movable-view image{
	width:100%;
}

</style>
